<script type = "text/javascript">
    function processLoginForm() {		
	 	
	 	var form = document.customer_login;
		
	 	if(form)
	 	{
			if(form.username.value.replace(/^\s+/, '') == '')
		 	{		 	
				alert('Please enter your username!');
		 		form.username.focus();
				return false;
		 	}
		 	if(form.password.value.replace(/^\s+/, '') == '')
		 	{		 	
				alert('Please enter your password!');
		 		form.password.focus();		
				return false;
		 	}
			
			form.submit();
	 	}
	 	return false;
  	}
</script>


	<h1>Welcome, Please Sign In</h1>
	<div class="contentContainer" style="width: 45%; float: left;">
		<h2>New Customer</h2>
		<div class="contentText">
			<p>I am a new customer.</p>
			<p>By creating an account, you will be able to
				shop faster, be up to date on an orders status, and keep track of
				the orders you have previously made.</p>
			<p align="right">
				<span class="tdbLink"><a id="tdb4"
					href="<{$APPLICATION_URL}>/<{$ownerName}>Login/signup">Continue</a>
				</span>
				<script type="text/javascript">$("#tdb4").button({icons:{primary:"ui-icon-triangle-1-e"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script>
			</p>
		</div>
	</div>
	<div class="contentContainer"
		style="width: 45%; float: right; border-left: 1px dashed #ccc; padding-left: 3%; margin-left: 3%;">
		<h2>Returning Customer</h2>
		<div class="contentText">
		 <{if $errorLoginMessage != ""}>
	  <div class="inputRequirement"><{$errorLoginMessage}></div>
	  <{/if}>
			<p>I am a returning customer.</p>
			<form name="customer_login"
				action="<{$APPLICATION_URL}>/<{$ownerName}>Login/login"
				method="post">
				<table border="0" cellspacing="0" cellpadding="2" width="100%">
					<tr>
						<td class="fieldKey">Username:</td>
						<td class="fieldValue"><input type="text" name="username" />
						</td>
					</tr>
					<tr>
						<td class="fieldKey">Password:</td>
						<td class="fieldValue"><input type="password" name="password"
							maxlength="40" />
						</td>
					</tr>
				</table>
			</form>
			<p>
				<span><a
					href="<{$APPLICATION_URL}>/<{$ownerName}>Login/forgotpassword">Password
						forgotten? Click here.</a>
				</span>
			</p>
			<p align="right">
				<span class="tdbLink"><button id="tdb5" type="button" onclick="return processLoginForm();">Sign In</button>
				</span>
				<script type="text/javascript">$("#tdb5").button({icons:{primary:"ui-icon-key"}}).addClass("ui-priority-primary").parent().removeClass("tdbLink");</script>
			</p>
		</div>
	</div>

